<template>
  <div>
    <van-search placeholder="搜索门店" v-model="value" shape="round" />

    <div class="address" @click="detail">
      <p>五色糖满城店</p>
      <p>门店地址：河北省保定市满城区玉川路53号新华书店对面</p>
      <p>联系方式：1**********</p>
    </div>
    <div class="address" @click="detail">
      <p>五色糖满城店</p>
      <p>门店地址：河北省保定市满城区玉川路53号新华书店对面</p>
      <p>联系方式：1**********</p>
    </div>
    
  </div>
</template>

<script>
  export default {
    name: "Mendian",
    data() {
      return {
        title: "门店",
        isLoading: false,
        value: ''
      }
    },
    methods: {
      detail() {
        this.$router.push("/mddetail")
      },
      getval(msg) {
        console.log(msg)
        this.title = msg
      },
      onRefresh() {
        setTimeout(() => {
          this.$toast('刷新成功');
          this.isLoading = false;
        }, 2000);
      }
    },
    mounted() {
      this.$emit('toparent', this.title)
    }
  }
</script>

<style scoped="">
  .van-search__content {
    width: 238px;
    height: 25px;
  }

  .van-field__control {
    margin-top: 5px;
  }

  .address {
    width: 100%;
    height: 52px;
    padding: 10px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    color: #a5a7a6;
    border-bottom: 2px solid #f2f7f6;
  }

  .van-search {
    border-bottom: 2px solid #ecf0f4;
  }

  .address p:nth-of-type(1) {
    font-size: 12px;
    color: #3d3f3e;
    font-weight: bold;
    margin: 0;
  }

  .address p {
    font-size: 10px;
    margin: 0;
  }
</style>
